<template>
	<view class="page">
		<div class="header">
			<img src="@/static/Icon/zhengz.png" alt="" style="width: 250rpx;height: 234rpx;margin:0 auto;">
		</div>
		
		<div class="tips">
			<p class="son-title">区县负责人的主要职责：</p>
			
			<p>1、开发合作项目；</p> 
			<p>2、与战略合作伙伴的高层对话信息传达、合作过程中的重大问题协调；</p> 
			<p>3、乙方开展业务过程中必备的相关资料提供；</p> 
			<p>4、尽可能提供有利于乙方开展业务的资源支持。</p> 
			<p class="son-title">权益：</p>
			<p>1，每个区县同一时间内只限一个名额。 </p> 
			<p>2，区县代理人可跨地区跨省份组建团队。 </p> 
			<p>3，区县代理人所组建的团队为公司创造总收益的 3%（税前）作为其的管理费。 </p> 
			<p>4，任职期结束后，如未续任情况下，在合作期内的产生的收益部分仍然享有。 </p> 
			<p>5，区县代理人采用考核流动制，一个周期考核不达标者，亦有机会争取下期及其他区县任职机会。 </p> 
			<p class="son-title">考核标准：</p>
			<p>1，任职之前，与我方合作至少已签约 100 万电量。 </p>
			<p>2，任职期一年，到期之后根据双方意向可续任。 </p>
			<p class="son-title">如发生如下事项，公司有权调整或取消合伙人权利：</p>
			<p>1，任职期间出现严重影响本公司、合作售电公司声誉、形象、利益的事件发生。 </p>
			<p>2，平台方通过电话、微信等方式连续三次联系不上，且一个月内也无任何回复者。</p>
			
		</div>

		<view class="compelet" @click="submit">
			立即申请
		</view>
		<u-picker mode="multiSelector" v-model="show" :defaultSelector="defaultSelector" range-key="name" :range="areaList" @columnchange="changeArea" @confirm="confirmArea"></u-picker>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				pid:0,
				form:{
					
				},
				daishenhezhen:'',
				yishenhezhen:'',
				show: false,
				defaultSelector:[0,0],
				areaList: [
					[{
						id: 0,
						name: '请选择'
					}],
					[{
						id: 0,
						name: '请选择'
					}]
				],
			}
		},
		onLoad() {
			
			this.getUser()
		},
		methods: {
			
			// 获取省份Id
			getUser() {
				this.$axios.request(this.$api.getUser, "GET").then((val) => {
					this.form.provinceId = val.data.provinceId
					this.pid = val.data.provinceId
					this.getAreaRes(0)
				})
			},
			getAreaRes(idx) {
				this.$axios.request(this.$api.ShiListApi, "GET", {
					pid: this.pid
				}).then((val) => {
					val.data.unshift({
						id: 0,
						name: '请选择'
					})
					this.$set(this.areaList, idx, val.data)
			
				})
			},
			changeArea(e) {
				this.$set(this.defaultSelector,e.column,e.index)
				if (e.column < 1) {
					this.pid = this.areaList[e.column][e.index].id
					this.getAreaRes(e.column + 1)
				}
			},
			confirmArea(e) {
				this.form.cityId = this.areaList[0][e[0]].id
				this.form.districtId = this.areaList[1][e[1]].id
				this.$axios.request(this.$api.addDistrictCounty,"POST",this.form).then((val) => {
					this.$msg.toastCallback("提交成功",() => {
						uni.reLaunch({
							url:`/pages/mine/index`
						})
					})
				})
			},
			submit() {
				this.show = true
			}
		},

	}
</script>

<style>
.page {
	width: 100%;
	height: 100vh;
	background-color: #fff;
	overflow-y: auto;
	padding-bottom: 140rpx;
}
.header {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.son-title{
	margin:20rpx 0rpx;
	font-weight: bold;
}
.tips {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-direction: column;
	text-align: left;
	width: 686rpx;
	margin: 20rpx auto 0;
	overflow-wrap: normal;
	overflow-wrap: anywhere;
	overflow-wrap: break-word;
	font-size: 26rpx;
	line-height: 40rpx;
	font-weight: 400;
}
.NO {
	color: red;
}

.compelet {
		position: fixed;
		left: 32rpx;
		bottom: 32rpx;
		width: 686rpx;
		height: 80rpx;
		background-color: #2E6ADF;
		opacity: 1;
		border-radius: 4rpx;
		font-size: 32rpx;
		font-weight: 400;
		line-height: 80rpx;
		margin: 60rpx auto 0;
		text-align: center;
		color: #FFFFFF;
		opacity: 1;	
	}
	.ts {
		width: 686rpx;
		margin: 20rpx auto 20rpx;
		color: red;
	}
</style>
